
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">

        <style type="text/css">

			 div{
			 	 float:left;
			 }

			 .left{
			 	 width:10px;
			 	 height: 100px;
			 	 background-image: url("l.png");
			 }
			 .middle{
                 /* 中间不能给宽度 
                 因为到时候根据文字的多少来控制背景图片的宽度
                 
                 */
			 	 height: 100px;
			 	 background-image: url("m.png");

			 	 line-height: 100px;
			 }

			 .right{
			 	 width: 10px;
			 	 height: 100px;
			 	 background-image: url("r.png");
			 }
        </style>
    </head>
    <body>

    	   <div class="left"></div>
    	   <div class="middle">
    	   	 你好你好
    	   </div>
    	   <div class="right"></div>


    </body>
</html>